<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <style>
        .stop{
          /*background: url(../image/header_bg_souquan.png);background-size: 100% 100%;*/
          height: 10.5rem;background:linear-gradient(90deg,rgba(254,65,122,1),rgba(255,84,199,1));
        }
        .pic{width: 100%;}
        .scon{background: #FFF;border-radius: 80px;}
        .sl{color:#999;}
        .sr{text-align: center;color:#fcff0d;font-weight: bold;}
        .aui-bar-btn-item{border-color: #FE417A;color:#FE417A;}
        .aui-bar-btn-item.aui-active{background: #FE417A;color: #fff;}
        .listSpan{text-align: center;}
        .listSpan span{display: inline-block;color:#FFE1EB;font-size: 0.8rem;margin: 0 0.3rem;}
        .tjszs{position: relative;height: 1.2rem}
        .tjszs span{width:100%;height:1.2rem;text-align: center;color:#333333;font-size: 0.9rem;line-height: 1.2rem;position: absolute;left: 0;top: 0}
        .tjszs b{height: 0.6rem;width: 2rem;border-bottom: 1px solid #333333}
        .tjszs .tjL{float: left;}
        .tjszs .tjR{float: right;}
        .list_row span{padding: 0 0.4rem;border-radius: 3rem;color:#666666;border:1px solid #DDDDDD;display: inline-block;margin: 0.15rem;font-size: 0.7rem;height: 1.2rem;line-height: 1.2rem;}
    </style>
</head>
<body class="bg-white">
    <section class="aui-content" onclick="openWin('search_win')">
    	<div class="stop aui-padded-15">
    		<div class="pic aui-margin-t-15" style="margin-top: 2rem !important;text-align:center;font-size:1.5rem;color:white;font-family:BDZYJT--GB1-0;" >
          <!-- <img src="../image/header_img_souquan2.png"> -->
          超级搜
        </div>
      	<div class="aui-margin-t-15 listSpan" style="margin-top: 0 !important;">
      	  <span>淘宝</span><span>天猫</span><span>京东</span><span>拼多多</span><span>全网覆盖</span>
      	</div>
    		<div class="search-box aui-margin-t-15">
    			<div class="scon aui-row ">
    				<div class="aui-col-xs-9 sl aui-padded-10"><i class="aui-iconfont aui-icon-search" style="color:#999999;padding:0.5rem 0 0.5rem 0.6rem!important;overflow: hidden;"></i> 宝贝名称(如:羽绒服)</div>
    				<div class="aui-col-xs-3 sr jb aui-padded-10" style="background: #FF175D;color:#FFF">搜券</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- 大家都在搜 -->
    <section class="aui-content" style="padding:0.75rem;border-bottom:15px solid #F6F6F6;">
      <div class="tjszs aui-bar-btn" style="width:70%">
        <b class="tjL"></b>
        <span>大家都在搜</span>
        <b class="tjR"></b>
      </div>
      <div class="aui-row list_row">
        <span>羽绒服女</span><span>毛衣女</span><span>女鞋</span><span>零食</span><span>保温杯</span><span>口红</span><span>抽纸</span><span>女包</span><span>睡衣女冬</span><span>雪地靴女</span>
      </div>
    </section>
    <section class="aui-content-padded">
    	<div class="aui-bar aui-bar-btn aui-bar-btn-round" style="width:80%;"  id="tab">
		    <div class="aui-bar-btn-item aui-active">标题搜索</div>
		    <div class="aui-bar-btn-item">赚钱教程</div>
		    <div class="aui-bar-btn-item">新手必看</div>
		</div>
    </section>
    <section class="aui-content-padded">
        <div class="aui-content con" id="content1">

        </div>
        <div class="aui-content con hide" id="content2">

        </div>
        <div class="aui-content con hide" id="content3">

        </div>
    </section>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/zepto.min.js" ></script>
<script type="text/javascript" src="../script/aui-tab.js" ></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();

        var tab = new auiTab({
            element:document.getElementById("tab"),
        },function(ret){
            //console.log(ret)
            $('.con').hide();
            $('#content'+ret.index).show();
        });
        _loading2();
        _Ajax(window.APIServer.SqHelp,'post','','json',function(ret){
            _loading2_close();
            if (ret.code==1) {
                $('#content1').html(ret.data.content1).text();
                $('#content2').html(ret.data.content2).text();
                $('#content3').html(ret.data.content3).text();
            }
        });
    }

</script>
</html>
